<nz-layout>
  <nz-sider [nzWidth]="300">
    <nz-input-group [nzSuffix]="suffixIcon">
      <input type="text" nz-input placeholder="按属地名称筛选..." [(ngModel)]="searchValue" />
    </nz-input-group>
    <ng-template #suffixIcon>
      <i nz-icon nzType="search"></i>
    </ng-template>
    <div [ngStyle]="styleParam">
      <nz-tree [nzSearchValue]="searchValue" [nzData]="nodes" nzShowLine  nzHideUnMatched (nzClick)="nzEvent($event)" nzAsyncData="true"> </nz-tree>
    </div>
  </nz-sider>
  <nz-content>
   
   
        <sf #sf mode="edit" [schema]="editSchema" [button]="null" (formChange)="formChanged($event)">
          <div  style="text-align:right;padding-right:5px;">
          <button nz-button nzType="primary" [disabled]="isAddDisabled" (click)="add()"><i nz-icon nzType="plus"></i>创建下级属地</button>
          <button nz-button #btnSave [disabled]="isSaveDisabled" (click)="save()"><i nz-icon nzType="save"></i>保存修改</button>
          <button nz-button nz-popconfirm
          nzPopconfirmTitle="是否删除?"
          nzPopconfirmPlacement="top" (nzOnConfirm)="confirm()"
          (nzOnCancel)="cancel()" nzType="danger" [disabled]="isDelDisabled"><i nz-icon nzType="delete"></i>删除</button>
        </div>
        </sf>
      
   
  </nz-content>
</nz-layout>
<nz-modal
      [(nzVisible)]="isVisible"
      [nzTitle]="modalTitle"
      [nzFooter]="null"
      (nzOnCancel)="handleCancel()"
    >
  <sf #addSf mode="edit" [schema]="addSchema"  [button]="null"  [formData]="formData"></sf>
  <div class="modal-footer">
    <button nz-button type="submit" [nzType]="'primary'" (click)="saveAdd(addSf.value)" [disabled]="!addSf.valid">
    <i nz-icon nzType="save"></i>保 存
    </button>
  </div>
</nz-modal>

